.overview-left {
  > div {
    background-color: #373758;

    &:not(:last-child) {
      margin-bottom: 12px;
    }

    &:nth-child(1) {
      height: 110px;
      font-size: 26px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;

      > p {
        margin: 0;
        color: #ffffff;


        &:last-child {
          font-weight: bold;
          color: #f59a23;
        }
      }
    }

    &:nth-child(2) {
      position: relative;

      button {
        position: absolute;
        right: 3%;
        bottom: 2px;
        padding: 0 4px;
        font-size: 12px;
      }
    }
  }

  .left-echart-first {
    height: 242px;


  }

  .left-echart-second {
    height: calc(100vh - 420px)


  }


  #left-button-group {
    position: absolute;
    right: 6px;
    top: 10px;
    z-index: 999;


    button {
      border-radius: 6px;
      border-color: transparent;
      background-color: #40a9ff;
      color: #ffffff;
      cursor: pointer;

      &:last-child {
        margin-left: 10px;
        background-color: #73d13d;
      }
    }
  }
}

.modalFooter {
  border: 0;


  text-align: center;
}

.left-modal-table {
  width: 60%;
  margin: 24px 0 0 16%;

  > tr:last-child > td {
    height: 60px;
  }
}

.left-modal-form {
  display: flex;

  > .ant-form-item {
    &:first-child {
      width: 43%;
    }

    &:nth-child(2) {
      margin-left: 6%;
      width: 35%;
    }

    &:last-child {
      width: 18%;
      text-align: right;
    }
  }
}
